html{
    width: 300px;
}

.container{
    /*width: 300px;*/
    /*background: #ff0000;*/
}

.container .title{
    text-transform: uppercase;
    font-weight: bold;
    color: blue;
}
.container th{
    text-align: right;
}

td{
    text-align: right;
}

.container .product-name{
    width: 100px;
    text-align: left;
}

.container .quantity{
    width: 30px;
}

.container .price{
    width: 50px
}

.container .subTotal{
    width: 120px;
    text-align: right;
}

.close-button{
    width: 80px;
}

.print-button{
    width: 80px;
}

.total{
    font-size: 20px;
    font-weight: bold;
    text-align: right;
}

.header{
    float: left;
    width: 100%;
}

.chef-image{
    width: 80px;
    float: left;
}

.information{
    float: left;
    height: 73px;
    width: 200px;
    overflow: hidden;
    text-wrap: none;
}